/*!
* @date May 2018
*/
.master-slider{
position: relative;
visibility: hidden;
-moz-transform: translate3d(0 , 0 , 0);
}
.ms-ie img{border:none;}
.ms-ie8 * {opacity:inherit;-webkit-filter:inherit;filter:inherit;}
.ms-ie7 {zoom:1;}
.ms-moz .ms-slide-bgcont>img { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.master-slider a,
.master-slider a:hover {
-webkit-transition: none;
transition: none;
}
.wpb_row .master-slider-parent *,
.master-slider-parent * {
box-sizing: content-box;
}
.master-slider-parent {
margin-left: auto;
margin-right: auto;
}
.ms-layout-partialview .ms-view {
overflow: visible;
background-color:transparent;
}
.ms-layout-partialview .ms-container { overflow: hidden; }
.master-slider.before-init{}
.master-slider img, .ms-slide-bgvideocont video {max-width:none;}
.master-slider.ms-fullheight{height: 100%;}
.ms-slide-auto-height { display: table; }
.ms-loading-container{
position:absolute;
width:100%;
top:0;
}
.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
width: 36px;
height: 36px;
background: url(../images/loading-2.gif) no-repeat center white;
border-radius: 60px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
position: absolute;
left: 50%;
top: 50%;
margin: -18px;
opacity: 0.9;
}
/* grab cursor */
.ms-def-cursor{cursor:auto !important;}
.ms-grab-cursor{cursor: url(../images/grab.png), move;}
.ms-grabbing-cursor{cursor: url(../images/grabbing.png), move;}
.ms-ie .ms-grab-cursor{cursor: move;}
.ms-ie .ms-grabbing-cursor {cursor: move;}
.ms-view {
margin:0px auto;
overflow:hidden;
position:relative;
}
.ms-view .ms-slide-container{position:relative;}
.ms-slide {
position:absolute;
height:100%;
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
transform: translateZ(0px);
}
.ms-wk .ms-slide {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ms-slide.selected {}
.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont{
position: absolute;
overflow:hidden;
width: 100%;
}
.ms-slide .ms-slide-link {
display: block;
width: 100%;
height: 100%;
position: absolute;
top:0;
z-index: 110;
}
.ms-ie .ms-slide-link {
background: url("../images/.cn/i/css/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;
}
.ms-slide .ms-slide-bgvideocont{
z-index: 105;
height: 100%;
}
.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video{
-webkit-transform: translateZ(0.3px);
transform: translateZ(0.3px);
}
.ms-slide .ms-slide-bgvideo{
position: absolute;
top: 0px;
}
.ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;}
.ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.ms-slide .ms-layer, .ms-fixed-layers .ms-layer {position:absolute;pointer-events: auto}
.ms-slide .ms-slide-layers,
.ms-fixed-layers {
position: absolute;
overflow:hidden;
width:100%;
height: 100%;
z-index: 109;
top:0px;
pointer-events: none;
}
.ms-slide .ms-slide-video{
position:absolute;
top:0;
z-index: 111;
background:black;
padding:0;
margin: 0;
border: none;
}
.ms-slide .ms-pattern{
background-attachment: scroll;
width: 100%;
height: 100%;
z-index: 108;
position: absolute;
top: 0;
}
.ms-wk .ms-pattern{
-webkit-transform: translateZ(0.4px);
transform: translateZ(0.4px);
}
.ms-parallax-layer {
width: 100%;
position: absolute;
top: 0;
}
.ms-scroll-parallax-cont{
position: absolute;
top:0;
width: 100%;
height: 100%;
z-index: 109;
}
.ms-wk .ms-scroll-parallax-cont{
-webkit-transform: translateZ(0.4px);
transform: translateZ(0.4px);
}
.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,
.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{
}
.ms-scroll-parallax .ms-slide-bgcont{
}
/*-----------------------------------------------------------*/
.ms-action-layer{cursor: pointer;}
.ms-btn-container{position: absolute;}
.ms-btn {
text-decoration: none;
display: inline-block;
color:black;
position: relative;
padding: 8px 15px;
cursor: pointer;
white-space: nowrap;
}
.ms-default-btn{
background: #0074A2;
border-radius: 5px;
color: #FFF;
}
.ms-default-btn:hover{background-color: #0098D5;}
.ms-default-btn:active{top:1px;}
.ms-layer.video-box{background:black;}
.ms-layer.video-box iframe{
padding:0;
margin: 0;
border: none;
position: absolute;
z-index: 110;
}
.ms-btn-s{
padding: 14px 17px;
font-size: 80%;
line-height: 0;
}
.ms-btn-m{
padding: 12px 40px;
}
.ms-btn-n{
padding: 8px 25px;
font-size: 95%;
}
.ms-btn-l{
padding: 17px 50px;
font-size: 120%;
}
.ms-btn-box{}
.ms-btn-round{border-radius: 5px;}
.ms-btn-circle{border-radius: 100px;}
.ms-btn-outline-box{}
.ms-btn-outline-round{border-radius: 5px;}
.ms-btn-outline-circle{border-radius: 100px;}
/*-----------------------------------------------------------*/
.ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{
position:absolute;
cursor: pointer;
z-index: 110;
}
.ms-slide .ms-slide-vcbtn{
position:absolute;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile{
position: relative;
bottom: 0;
left:0;
width:100%;
height: 28px;
background-color: black;
color: white;
text-align: center;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
text-transform: uppercase;
font-family: sans-serif;
font-size: 0.75em;
display: inline-block;
background: url(../images/video-close-btn.png) no-repeat 0px 3px;
padding-left: 15px;
height: 15px;
color: #DBDBDB;
margin-top: 7px;
}
.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
-webkit-transform: translateZ(0.44px);
transform: translateZ(0.44px);
}
.ms-video-img{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.ms-mask-frame{
overflow:hidden;
position:absolute;
float:left;
}
/* controls */
.ms-thumb-list{
overflow:hidden;
position:absolute;
}
.ms-thumb-list.ms-dir-h {width: 100%;}
.ms-thumb-list.ms-dir-v {height: 100%; top: 0;}
.ms-thumbs-cont{position: relative;}
.ms-thumb-frame img{width:100%; height:auto;}
.ms-thumb-frame{
cursor: pointer;
float: left;
overflow: hidden;
opacity: 0.5;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-thumb-frame-selected{ opacity: 1; }
.ms-tabs .ms-thumb-frame {
background-color: #F6f6f6;
text-shadow: 0 1px 1px white;
color: #222;
border: solid 1px white;
border-width: 0 1px 1px 0;
overflow: visible;
position: relative;
opacity: 1;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-has-thumb .ms-tab-thumb{ width:auto; }
.ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;}
.ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;}
.ms-tabs.ms-dir-h.ms-align-top {z-index: 140;}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame{margin-top: -12px;}
.ms-tabs .ms-thumb{padding: 20px 20px;}
.ms-tabs .ms-thumb-frame-selected { opacity: 1; background: #EDEDED;}
.ms-tabs .ms-thumb-frame .ms-thumb-ol {
position: absolute;
opacity: 0;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
top: 0px;
left: 50%;
margin-left: -12px;
border-bottom: solid 12px #F6f6f6;
border-left: solid 12px transparent;
border-right: solid 12px transparent;
}
.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
top:-12px;
border-bottom-color: #EDEDED;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
bottom: 0px;
top:auto;
border-bottom:0px;
border-top: solid 12px #F6f6f6;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
bottom:-12px;
border-top-color: #EDEDED;
}
.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
top: 50%;
left: 0;
margin-top: -12px;
border-right: solid 12px #EDEDED;
border-top: solid 12px transparent;
border-bottom: solid 12px transparent;
}
.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
left:-12px;
border-right-color:#EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
left: auto;
right: 0;
border-right: 0;
border-left: solid 12px #EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
right:-12px;
border-left-color:#EDEDED;
}
.ms-thumb-alt {
text-align: center;
margin: 5px;
font-size: 14px;
font-weight: 600;
}
/* horizontal thumblist arrows*/
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
height: 100%;
width: 20px;
position: absolute;
left: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
right: 0;
left: auto;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
content: close-quote;
top: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 5px 5px 5px 0px;
display: block;
border-right-color: #FFF;
width: 6px;
height: 1px;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
border-width: 5px 0px 5px 5px;
border-left-color: #FFF;
left: 7px;
}
/* vertical thumblist arrows */
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
width: 100%;
height: 20px;
position: absolute;
top: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
bottom: 0;
top: auto;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
content: close-quote;
left: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 0px 5px 5px 5px;
display: block;
border-bottom-color: #FFF;
height: 1px;
top: 5px;
width: 0;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
border-width: 5px 5px 0px 5px;
border-top-color: #FFF;
top: 7px;
}
/* Thumb in tab styles */
.ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont{ top:0 !important; }
.ms-tabs.ms-has-thumb .ms-thumb-frame{ height: auto !important; }
.ms-tabs.ms-has-thumb .ms-thumb{ padding:0; }
.ms-tabs.ms-has-thumb .ms-tab-context{ padding:20px; }
.ms-tabs.ms-align-left .ms-tab-thumb{ float:left; margin-right:20px; }
.ms-tabs.ms-align-right .ms-tab-thumb{ float:right; margin-left: 20px; }
.ms-bullet{cursor:pointer;float: left;}
.ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-bullets.ms-dir-v {
position: absolute;
top:50%;
}
.ms-bullets.ms-dir-v .ms-bullet{
float: none;
}
.ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-sbar {position: absolute;}
.ms-sbar.ms-dir-h {
left: 10px;
right: 10px;
top: 5px
}
.ms-sbar.ms-dir-v {
top: 10px;
bottom: 10px;
right: 5px
}
.ms-sbar .ms-bar {
height: 4px;
background: #333;
border-radius: 4px;
}
.ms-sbar.ms-dir-v .ms-bar { width: 4px;}
.ms-sbar .ms-bar{
position:relative;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-timerbar {
width: 100%;
bottom: 0px;
position: absolute;
}
.ms-ctimer {
position: absolute;
top: 30px;
left: 30px;
cursor: pointer;
}
.ms-ctimer-bullet {}
.ms-time-bar{
-webkit-transition: width 120ms linear;
transition: width 120ms linear;
}
.ms-ie7 .ms-tooltip-arrow{
height:0px;
}
.ms-slide-info {position: absolute;}
.ms-slide-info.ms-dir-v {top:0;}
.ms-slide-info.ms-dir-h {width:100%;}
@keyframes point-anim{
0% {transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); opacity: 1; }
100% {transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); opacity: 0; }
}
@-webkit-keyframes point-anim{
0% {-webkit-transform: scale(0.5); opacity: 1; }
100% {-webkit-transform: scale(1.5); opacity: 0; }
}
/* In Android browser, using css animations over slider causes some crashes */
.ms-android .ms-tooltip-point .ms-point-border{
animation:none;
-moz-animation:none;
-webkit-animation:none;
-o-animation:none;
}
.ms-pattern.ms-patt-1 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-2 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-3 {background-image: url(../js/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-4 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-5 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-6 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-7 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-8 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-9 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-10 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-11 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-12 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-13 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-14 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-15 {background-image: url(../js/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);}
/* white patterns */
.ms-pattern.ms-patt-16 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-17 {background-image: url(../images/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-18 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-19 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-20 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-21 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-22 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-23 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-24 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-25 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-26 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-27 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-28 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-29 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-30 {background-image: url(../css/.cn/i/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);}
/**
* Master Slider
* Default Skin
*/
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn{
width: 50px;
height: 51px;
background: url(../images/light-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-default .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(../images/light-skin-1.png) no-repeat -24px -28px;
top: 18px;
right: 30px;
}
/* controls */
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
width: 30px;
background: url(../images/light-skin-1.png);
background-position: -89px -26px;
height: 40px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-default .ms-nav-next {
right: 30px;
left: auto;
background-position: -89px -103px;
}
.ms-skin-default .ms-bullet {
width: 10px;
height: 10px;
background: url(../images/light-skin-1.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-default .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-default .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-default .ms-tooltip-point {cursor: pointer;}
.ms-skin-default .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-default .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-default .ms-tooltip {
max-width:200px;
}
.ms-skin-default .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
}
/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( -webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn,
.ms-skin-default .ms-slide .ms-slide-vcbtn,
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev,
.ms-skin-default .ms-bullet{
background-image:url(../images/light-skin-1-retina.png);
background-size: 152px 225px;
}
}
/**
* Master Slider
* Black 1
*/
.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn{
width: 54px;
height: 54px;
background: url(../images/black-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(../images/black-skin-1.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
}
/* controls */
.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
width: 53px;
background: url(../images/black-skin-1.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-black-1 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-1 .ms-bullet {
width: 9px;
height: 9px;
background: white;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-black-1 .ms-bullet-selected {
background-color: black;
}
.ms-skin-black-1 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: white;
border-top-color: rgba(0, 0, 0, 0.8);
bottom: -10px;
}
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: white;
border-bottom-color: rgba(0, 0, 0, 0.8);
top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: white;
border-right-color: rgba(0, 0, 0, 0.8);
left: -10px;
}
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: black;
border-left-color: rgba(0, 0, 0, 0.8);
right: -10px;
}
.ms-skin-black-1 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-1 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #444444;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-1 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
background: rgba(255, 255, 255, 0.9);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-black-1 .ms-tooltip {
max-width:200px;
}
.ms-skin-black-1 .ms-tooltip-cont {
padding: 10px;
background: black;
background: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px 0px black;
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}
/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( -webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn,
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev{
background-image:url(../images/black-skin-1-retina.png);
background-size: 152px 225px;
}
}
/**
* Master Slider
* Black 2 Skin
*/
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn{
width: 45px;
height: 45px;
background: url(../images/black-skin-2.png) black no-repeat -16px -103px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-black-2 .ms-video-btn:hover{
background-color: #3D3D3D;
}
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(../images/black-skin-2.png) black no-repeat -27px -36px;
border: solid 2px white;
border-color: rgba(255, 255, 255, 0.4);
top: 15px;
right: 15px;
}
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 50px;
}
/* controls */
.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(../images/black-skin-2.png) black;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover{
background-color: #3d3d3d;
}
.ms-skin-black-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-2 .ms-bullet {
width: 8px;
height: 8px;
background: white;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(0, 0, 0, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-black-2.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-black-2 .ms-bullet-selected {
background-color: black;
border-color: white;
border-color: rgba(255, 255, 255, 0.44);
}
.ms-skin-black-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-black-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-black-2 .ms-tooltip {
max-width:200px;
}
.ms-skin-black-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}
/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( -webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn,
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev{
background-image:url(../images/black-skin-2-retina.png);
background-size: 152px 225px;
}
}
/**
* Master Slider
* Light 2
*/
.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn{
width: 54px;
height: 54px;
background: url(../images/light-skin-2.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(../images/light-skin-2.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
}
/* controls */
.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
width: 53px;
background: url(../images/light-skin-2.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-light-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-2 .ms-bullet {
width: 9px;
height: 9px;
background: black;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-light-2 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-light-2 .ms-tooltip {
max-width:200px;
}
.ms-skin-light-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}
/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( -webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn,
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev{
background-image:url(../images/light-skin-2-retina.png);
background-size: 152px 225px;
}
}
/**
* Master Slider
* Light 3
*/
.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn{
width: 50px;
height: 50px;
background: url(../images/light-skin-3.png) no-repeat -15px -149px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
width: 31px;
height: 29px;
background: url(../images/light-skin-3.png) no-repeat -26px -28px;
top: 30px;
right: 30px;
}
/* controls */
.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
width: 50px;
background: url(../images/light-skin-3.png);
background-position: -82px -22px;
height: 50px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -25px;
position: absolute;
z-index: 110;
}
.ms-skin-light-3 .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -99px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-3 .ms-bullet {
width: 16px;
height: 16px;
background: url(../images/light-skin-3.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-light-3 .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-light-3 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-3 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-3 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-3 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-light-3 .ms-tooltip {
max-width:200px;
}
.ms-skin-light-3 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}
/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( -webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn,
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev,
.ms-skin-light-3 .ms-bullet{
background-image:url(../images/light-skin-3-retina.png);
background-size: 152px 225px;
}
}
/**
* Master Slider
* Light 4
*/
.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn{
width: 54px;
height: 54px;
background: url(../images/light-skin-4.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(../images/light-skin-4.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
}
/* controls */
.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
width: 54px;
background: url(../images/light-skin-4.png);
background-position: -77px -5px;
height: 68px;
cursor: pointer;
top: 50%;
left: -27px;
margin-top: -40px;
position: absolute;
z-index: 110;
}
.ms-skin-light-4 .ms-nav-next {
right: -27px;
left: auto;
background-position: -79px -83px;
}
.ms-skin-light-4 .ms-thumb-frame-selected {
opacity: 0.6;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
bottom: -60px;
width: 100%;
height: 60px;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
height: 100%;
width: 60px;
right: -60px;
top: 0;
}
.ms-skin-light-4 .ms-thumb-frame {
cursor: pointer;
float: left;
width: 60px;
height: 60px;
margin: 1px 0 0 1px;
overflow: hidden;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-4 .ms-bullet {
width: 9px;
height: 9px;
background: #b9b9b9;
margin: 4px;
border: solid 1px rgb(163, 163, 163);
}
.ms-skin-light-4 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-4 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: white;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-4 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-4 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #E0E0E0;
background: #4b8aac;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-4 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-light-4 .ms-tooltip {
max-width:200px;
}
.ms-skin-light-4 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}
/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( -webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn,
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev{
background-image:url(../images/light-skin-4-retina.png);
background-size: 152px 225px;
}
}
/**
* Master Slider
* Light 5
*/
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn{
width: 32px;
height: 32px;
background: url(../images/light-skin-5.png) black no-repeat -24px -160px;
top: 50%;
left: 50%;
margin: -18px 0 0 -18px;
}
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-5 .ms-video-btn:hover{
background-color:#646464;
}
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(../images/light-skin-5.png) white no-repeat -24px -28px;
top: 18px;
right: 30px;
}
/* controls */
.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
width: 32px;
background: url(../images/light-skin-5.png) white;
background-position: -94px -32px;
height: 32px;
cursor: pointer;
bottom: 40px;
left: 40px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-light-5 .ms-nav-next:hover,
.ms-skin-light-5 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-5 .ms-nav-next {
left: 73px;
background-position: -93px -110px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-5 .ms-bullet {
width: 10px;
height: 10px;
background: url(../images/light-skin-5.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-5 .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-light-5 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-5 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-5 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
/* In Android browser, using css animations over slider causes some crashes */
.ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
animation:none;
-moz-animation:none;
-webkit-animation:none;
-o-animation:none;
}
.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-5 .ms-tooltip {
max-width:200px;
}
.ms-skin-light-5 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}
/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( -webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn,
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev{
background-image:url(../images/light-skin-5-retina.png);
background-size: 152px 225px;
}
}
/**
* Master Slider
* Light-6 Skin
*/
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn{
width: 45px;
height: 45px;
background: url(../images/light-skin-6.png) white no-repeat -16px -103px;
border: solid 3px rgb(112, 112, 112); border-color: rgba(0, 0, 0, 0.27);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-6 .ms-video-btn:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(../images/light-skin-6.png) white no-repeat -27px -36px;
top: 15px;
right: 15px;
}
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 30px;
}
/* controls */
.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(../images/light-skin-6.png) white;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(112, 112, 112);
border-color: rgba(0, 0, 0, 0.27);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-6 .ms-bullet {
width: 8px;
height: 8px;
background: black;
-webkit-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(255, 255, 255, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-6.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-light-6 .ms-bullet-selected {
background-color: white;
border-color: black;
border-color: rgba(0, 0, 0, 0.44);
}
.ms-skin-light-6 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-6 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-6 .ms-tooltip {
max-width:200px;
}
.ms-skin-light-6 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}
/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( -webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn,
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev{
background-image:url(../images/light-skin-6-retina.png);
background-size: 152px 225px;
}
}
/**
* Master Slider
* Metro Skin
*/
.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn{
width: 47px;
height: 46px;
background: url(../images/metro-skin.png) no-repeat -16px -152px;
top: 50%;
left: 50%;
margin: -22px 0 0 -24px;
}
.ms-skin-metro .ms-slide .ms-slide-vcbtn {
width: 47px;
height: 47px;
background: url(../images/metro-skin.png) no-repeat -16px -19px;
top: 15px;
right: 15px;
}
/* controls */
.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
width: 47px;
background: url(../images/metro-skin.png);
background-position: -83px -23px;
height: 47px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -24px;
position: absolute;
z-index: 110;
}
.ms-skin-metro .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-metro .ms-bullet {
width: 16px;
height: 16px;
background: url(../images/metro-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-metro .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-metro .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-metro .ms-tooltip-point {cursor: pointer;}
.ms-skin-metro .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-metro .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-metro .ms-tooltip {
max-width:200px;
}
.ms-skin-metro .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}
/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( -webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn,
.ms-skin-metro .ms-slide .ms-slide-vcbtn,
.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev,
.ms-skin-metro .ms-bullet{
background-image:url(../images/metro-skin-retina.png);
background-size: 152px 225px;
}
}
/**
* Master Slider
* Contrast
*/
.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn{
width: 60px;
height: 60px;
background: url(../images/contrast-skin.png) no-repeat -10px -144px;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
}
.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
width: 24px;
height: 24px;
background: url(../images/contrast-skin.png) no-repeat -27px -30px;
top: 30px;
right: 30px;
}
/* controls */
.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
width: 60px;
background: url(../images/contrast-skin.png);
background-position: -76px -17px;
height: 60px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -30px;
position: absolute;
z-index: 110;
}
.ms-skin-contrast .ms-nav-next {
right: 30px;
left: auto;
background-position: -77px -91px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-contrast .ms-bullet {
width: 16px;
height: 16px;
background: url(../images/contrast-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-contrast .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-contrast .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: #fc3116;
border-top-color: rgba(252, 49, 22, 0.8);
bottom: -10px;
}
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: #fc3116;
border-bottom-color: rgba(252, 49, 22, 0.8);
top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: #fc3116;
border-right-color: rgba(252, 49, 22, 0.8);
left: -10px;
}
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: #fc3116;
border-left-color: rgba(252, 49, 22, 0.8);
right: -10px;
}
.ms-skin-contrast .ms-tooltip-point {cursor: pointer;}
.ms-skin-contrast .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #636363;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-contrast .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
background: rgba(255, 255, 255, 0.99);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-contrast .ms-tooltip {
max-width:200px;
}
.ms-skin-contrast .ms-tooltip-cont {
padding: 10px;
background: #fc3116;
background: rgba(252, 49, 22, 0.8);
text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}
/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( -webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn,
.ms-skin-contrast .ms-slide .ms-slide-vcbtn,
.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev,
.ms-skin-contrast .ms-bullet{
background-image:url(../images/contrast-skin-retina.png);
background-size: 152px 225px;
}
}
.ms-caro3d-template .ms-container {
padding: 10px 0 50px 0;
}
/* reflect */
.ms-caro3d-template .ms-slide{
-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255,255,255,0.5)));
}
.ms-caro3d-template .ms-slide-bgcont{
border-radius: 8px;
}
.ms-dis-slider-cont {
position: relative;
padding: 3.2% 8.5% 24%;
max-width: 508px;
}
.ms-display-cont .ms-view{
background-color: #17171a;
}
.ms-display-cont{
max-width: 614px;
position: relative;
margin: 0 auto;
}
.ms-display-bg {
max-width: 100%;
position: absolute;
}
.ms-display-template .ms-nav-prev,
.ms-display-template .ms-nav-next {
background: url(../images/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -80px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-display-template .ms-nav-next {
background-position: -59px -9px;
right: -80px;
left:auto;
}
.ms-display-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -50%;
right: 50%;
width: 100px;
}
.ms-display-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-display-template .ms-bullet {
width: 10px;
height: 10px;
background: url(../images/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-display-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-gallery-template .ms-gallery-botcont {
height: 55px;
background: black;
color: white;
font-weight: 300;
font-family: "Lato", sans-serif;
font-size: 18px;
position: relative;
}
.ms-gallery-template .ms-gal-playbtn {
width: 55px;
height: 100%;
float: left;
cursor: pointer;
background: url(../images/gallery-btns.png) no-repeat 6px 6px;
}
.ms-gallery-template .ms-gal-playbtn.btn-pause {
background: url(../images/gallery-btns.png) no-repeat -55px 7px;
}
.ms-gallery-template .ms-gal-thumbtoggle {
position: absolute;
right: 0;
z-index: 110;
width: 55px;
height: 100%;
cursor: pointer;
background: url(../images/gallery-btns.png) no-repeat -53px -41px;
}
.ms-gallery-template .ms-gal-thumbtoggle.btn-hide {
background: url(../images/gallery-btns.png) no-repeat 4px -41px;
}
.ms-gallery-template .ms-slide-num {
float: left;
padding: 17px 9px;
color: #727272;
}
.ms-gallery-template .ms-slide-info {
float: left;
padding: 18px 4px;
position: relative;
width: auto;
}
.ms-gallery-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: 18px;
right: 105px;
width: 100px;
}
.ms-gallery-template .ms-bullet {
width: 8px;
height: 8px;
background: #1e1e1e;
margin: 4px;
border-radius: 15px;
}
.ms-gallery-template .ms-bullet-selected {
background-color: white;
}
.ms-gallery-template .ms-timerbar {
width: 100%;
top: -4px;
height: 4px;
position: absolute;
background: rgba(0, 0, 0, 0.32);
}
.ms-gallery-template .ms-time-bar {
height: 4px;
background: rgba(255, 255, 255, 0.7);
}
.ms-gallery-template .ms-thumb-list.ms-dir-h {
width: 100%;
background: black;
background: rgba(0, 0, 0, 0.95);
padding-top: 1px;
}
.ms-gallery-template .ms-thumb-frame {
cursor: pointer;
float: left;
width: 175px;
overflow: hidden;
opacity: 0.5;
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
}
.ms-gallery-template .ms-thumb-frame-selected {
opacity: 1;
}
.ms-gallery-template .ms-gal-thumbcont {
overflow: hidden;
width: 100%;
height: 115px;
position: absolute;
top: -115px;
left: 0;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-gallery-template .ms-gal-thumbcont.hide-thumbs {
height: 0;
top: 0;
}
@media (max-width: 570px) {
.ms-gallery-template .ms-slide-info {
display: none;
}
}
.ms-laptop-template .ms-laptop-cont .ms-view{
background-color: #17171a;
}
.ms-laptop-template .ms-laptop-cont{
max-width: 645px;
position: relative;
margin: 0 auto;
}
.ms-laptop-template .ms-lt-slider-cont {
position: relative;
padding: 5% 11.9% 20%;
max-width: 492px;
}
.ms-laptop-template .ms-laptop-bg {
max-width: 100%;
position: absolute;
}
.ms-laptop-template .ms-nav-prev,
.ms-laptop-template .ms-nav-next {
background: url(../images/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -80px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-laptop-template .ms-nav-next {
background-position: -59px -9px;
right: -80px;
left:auto;
}
.ms-laptop-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -40%;
right: 50%;
width: 100px;
}
.ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-laptop-template .ms-bullet {
width: 10px;
height: 10px;
background: url(../images/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-laptop-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-tablet-template .ms-tablet-cont .ms-view{
background-color: #17171a;
}
.ms-tablet-template .ms-tablet-cont{
max-width: 500px;
position: relative;
margin: 0 auto;
}
.ms-tablet-template.ms-tablet-land .ms-tablet-cont {
max-width: 842px;
}
.ms-tablet-template.ms-tablet-land .ms-lt-slider-cont {
padding: 4.1% 12.1% 10%;
max-width: 632px;
}
.ms-tablet-template .ms-lt-slider-cont {
position: relative;
padding: 11.1% 11% 22%;
max-width: 400px;
}
.ms-tablet-template .ms-tablet-bg {
max-width: 100%;
position: absolute;
}
.ms-tablet-template .ms-nav-prev,
.ms-tablet-template .ms-nav-next {
background: url(../images/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -120px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-tablet-template .ms-nav-next {
background-position: -59px -9px;
right: -120px;
left:auto;
}
.ms-tablet-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -18%;
right: 50%;
width: 100px;
}
.ms-tablet-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-tablet-template .ms-bullet {
width: 10px;
height: 10px;
background: url(../images/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-tablet-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-phone-template .ms-phone-cont .ms-view{
background-color: #17171a;
}
.ms-phone-template .ms-phone-cont{
max-width: 386px;
position: relative;
margin: 0 auto;
}
.ms-phone-template.ms-phone-land .ms-phone-cont {
max-width: 666px;
}
.ms-phone-template.ms-phone-land .ms-lt-slider-cont {
position: relative;
padding: 4.6% 16.1% 10% 15.5%;
max-width: 455px;
}
.ms-phone-template .ms-lt-slider-cont {
position: relative;
padding: 26.2% 16.5% 33% 16.8%;
max-width: 258px;
}
.ms-phone-template .ms-phone-bg {
max-width: 100%;
position: absolute;
}
.ms-phone-template .ms-nav-prev,
.ms-phone-template .ms-nav-next {
background: url(../images/device-skin.png) no-repeat -11px -9px;
width: 35px;
height: 40px;
left: -120px;
margin-top: -17px;
position: absolute;
top:50%;
cursor: pointer;
}
.ms-phone-template .ms-nav-next {
background-position: -59px -9px;
right: -120px;
left:auto;
}
.ms-phone-template .ms-bullets.ms-dir-h {
position: absolute;
bottom: -30%;
right: 50%;
width: 100px;
}
.ms-phone-template .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-phone-template .ms-bullet {
width: 10px;
height: 10px;
background: url(../images/device-skin.png) no-repeat -112px -25px;
margin: 4px;
}
.ms-phone-template .ms-bullet-selected {
background-position: -143px -25px;
}
.ms-phone-template.ms-phone-land .ms-bullets.ms-dir-h {
bottom: -21%;
}
.ms-phone-template.ms-phone-land .ms-nav-next {
right: -150px;
}
.ms-phone-template.ms-phone-land .ms-nav-prev {
left: -150px;
}
.ms-partialview-template .ms-slide-info {
text-align: center;
margin-top: 20px;
width: 100%;
}
.ms-partialview-template .ms-slide-info h3 {
margin: 5px;
font-weight: 300;
font-size: 23pt;
color: #222;
}
.ms-partialview-template .ms-slide-info h4 {
margin: 5px;
font-weight: 300;
font-size: 14pt;
color: #7A7A7A;
}
.ms-partialview-template .ms-slide-info p {
font-size: 10pt;
margin: 6px;
}
/* .ms-showcase2-template {max-width: 540px; margin: 0 auto;}
.ms-showcase2-vertical {max-width: 677px;} */
.ms-showcase2-template .ms-view{background: transparent;}
.master-slider{
-moz-transform:translate3d(0,0,1px);
}
.ms-staff-carousel{
margin: 25px auto;
position: relative;
}
.ms-staff-carousel .ms-view{
overflow:visible;
background-color: transparent;
}
.ms-staff-carousel .ms-nav-prev,
.ms-staff-carousel .ms-nav-next {
background: url(../images/staff-arrows.png) white no-repeat -7px -57px;
width: 35px;
height: 40px;
left: -35px;
margin-top: -17px;
box-shadow: 0px 1px 0px 0px rgb(190, 190, 190);
position: absolute;
top:50%;
cursor: pointer;
}
.ms-staff-carousel .ms-nav-next {
background-position: -6px -7px;
right:-35px;
left:auto;
}
.ms-staff-carousel .ms-staff-info{
text-align: center;
margin:0 auto;
max-width: 600px;
margin-top:30px;
min-height:300px;
color:#222222;
}
.ms-staff-carousel .ms-staff-info h3{
font-weight: 300;
font-size: 22pt;
margin:0px;
}
.ms-staff-carousel .ms-staff-info h4{
font-weight: 300;
color:#787878;
font-size: 15pt;
margin:3px;
}
.ms-staff-carousel.ms-round .ms-slide-bgcont {
border-radius: 5000px;
border: solid 8px rgb(230, 230, 230);
margin: 0 -8px;
}
.ms-staff-carousel.ms-round .ms-view{
padding-bottom: 8%;
}
.ms-staff-carousel.ms-round .ms-nav-prev,
.ms-staff-carousel.ms-round .ms-nav-next {
background-color:transparent;
box-shadow : none;
left:-45px;
}
.ms-staff-carousel.ms-round .ms-nav-next {
left:auto;
right:-45px
}
.ms-tabs-template .ms-thumb-frame h3 {
font-weight: 400;
font-size: 13pt;
margin:0;
}
.ms-tabs-template .ms-thumb-frame p {
font-size:10pt;
margin: 4px 0;
}
.ms-tabs-template .ms-thumb-frame-selected h3{
color:#4b8aac;
}
.ms-vertical-template .ms-nav-prev,
.ms-vertical-template .ms-nav-next {
top: 10px;
left: 50%;
background: url(../images/vertical-arrows.png) no-repeat;
background-position: -11px -6px;
width: 40px;
height: 30px;
margin-left: -20px;
margin-top: 0;
}
.ms-vertical-template .ms-nav-next{
top:auto;
bottom:10px;
background-position: -11px -53px;
}
.ms-vertical-template .ms-thumblist-fwd,
.ms-vertical-template .ms-thumblist-bwd {
width: 100%;
position: absolute;
top: 0;
height: 15px;
cursor: pointer;
background: url(../images/vertical-arrows.png) no-repeat;
background-position: 50% -106px;
}
.ms-vertical-template .ms-thumblist-bwd {
top: auto;
bottom: 0;
background-position: 50% -145px;
}
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn{
width: 50px;
height: 51px;
background: url(../images/light-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-default .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(../images/light-skin-1.png) no-repeat -24px -28px;
top: 18px;
right: 30px;
}
/* controls */
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
width: 50px;
height: 50px;
cursor: pointer;
top: 50%;
margin-top:-25px;
position: absolute;
z-index: 10;
opacity: 1 !important;
display: block !important;
}
.ms-skin-default .ms-nav-prev{
left: 18%;
background: url(../images/pics-prev.png) no-repeat;
}
.ms-skin-default .ms-nav-next {
right: 18%;
background: url(../images/pics-next.png) no-repeat;
}
.ms-skin-default .ms-bullet {
width: 10px;
height: 10px;
background: url(../images/light-skin-1.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-default .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-default .ms-tooltip{
position: absolute;
z-index: 110;
cursor: auto;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-default .ms-tooltip-point {cursor: pointer;}
.ms-skin-default .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 5;
}
.ms-skin-default .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: point-anim 1.5s infinite ;
-moz-animation: point-anim 1.5s infinite;
-webkit-animation: point-anim 1.5s infinite;
-o-animation: point-anim 1.5s infinite;
}
.ms-skin-default .ms-tooltip {
max-width:200px;
}
.ms-skin-default .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
}
/* retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( -webkit-min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn,
.ms-skin-default .ms-slide .ms-slide-vcbtn,
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev,
.ms-skin-default .ms-bullet{
background-image:url(../images/light-skin-1-retina.png);
background-size: 152px 225px;
}
}
.master-slider{min-width: 1220px;max-width: 1920px;z-index:2; position:relative; overflow:hidden;}
.master-slider .ms-slide{z-index:8;}
.master-slider .ms-slide a{width:100%;height:100%;position:absolute;left:0;top:0;}
.mas-ab{position: absolute;top:0;left:0;width:100%;height:100%;}
.mas-ab > .w1200{position: relative;height: 100%;}
.mas-ab .mas-lbg{background: #000;opacity: 0.3;filter:alpha(opacity=30);width:480px;height:100%;position: absolute;top:0;left:0px;display:none;z-index:10;}
.mas-ab .mas-timebar{background: url(../images/mas-timebar.png) no-repeat;width:360px;height: 10px;position: absolute;bottom:64px;left:0px;z-index:12;}
.mas-ab .mas-tib{background:#0091d7;width:0;height: 2px;position: absolute;bottom:68px;left:0px;z-index:12;}
.ms-timerbar{bottom:68px !important;top:inherit !important;}
.ban-len{width:54px;height:20px;position: absolute;bottom:60px;left:395px;color:#fff;font-family:-webkit-pictograph;font-size: 20px;}
.master-slider .pics-ban1{top:25% !important;right:15% !important;}
.master-slider .pics-ban2{top:35% !important;left:43% !important;}
.master-slider .pics-ban3{top:28% !important;left:33% !important;}
@media screen and (max-width: 1460px){
.ms-skin-default .ms-nav-prev{
left: 5%;
background: url(../images/pics-prev.png) no-repeat;
}
.ms-skin-default .ms-nav-next {
right: 5%;
background: url(../images/pics-next.png) no-repeat;
}
}
@media screen and (max-width: 1360px){
.ms-skin-default .ms-nav-prev{
left: 0%;
background: url(../images/pics-prev.png) no-repeat;
}
.ms-skin-default .ms-nav-next {
right: 0%;
background: url(../images/pics-next.png) no-repeat;
}
}